<template>
  <div class="feed">
    <div class="left">
      <i :class="props.className"></i>
      <span>{{props.msg}}</span>
    </div>
    <div class="iconfont icon-jinrujiantou right"></div>
  </div>
</template>

<script setup>
  import {defineProps} from 'vue'
  const props = defineProps({
    msg: String,
    className:String
  })

</script>

<style>
.feed {
  display: flex;
  justify-content: space-between;
  width: 355px;
  height: 40px;
  margin: 0 10px;
  /* background-color: aqua; */
}

.feed .left i {
  font-size: 22px;
  line-height: 40px; 
}

.feed .left .dt {
  color: rgba(255, 236, 90, 0.966);
}

.feed .left span {
  margin-left: 10px;
  line-height: 40px;
  font-size: 12px;
}

.feed .right {
  line-height: 40px;
  font-size: 20px;
  color: rgb(173, 171, 171);
}
</style>